.chatContainer {
    // padding: 0 0 24px 24px;
    .messageContainer {
      // overflow-y: auto;
      // padding-right: 24px;
    }
  }
  
.horverscroll {
  /* overflow-y: auto; */
  scrollbar-width: thin;
}

.safe-area-pb {
  padding-bottom: var(--safe-area-bottom, 16px);
}

.no-safe-area .safe-area-pb {
  padding-bottom: 1rem; // 只用普通间距
}


.messageContainer, .message-list {
  will-change: transform;
  /* 也可以加 scroll-behavior: smooth; 提升体验 */
  scroll-behavior: smooth;
}
.messageItem {
  will-change: transform, opacity;
  transition: transform 0.2s, opacity 0.2s;
}
// 遮罩
.fixed-bg-back{
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: 9999;
    .cancle-bg{
      position: absolute;
      bottom: 0;
      background: #ccc;
      width: 100%;
      height: 8rem;
      border-radius: 6rem 6rem 0 0;
    }
    .cancle-btn{
      text-align: center;
      margin-top: 32px;
    }
}